<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./templates/basetemplate.xhtml">

            <ui:define name="content">

                
                <h:form id="pForm">  
                    <p:megaMenu style="">  
                        <p:menuitem value="Home" url="/faces/home.xhtml" icon="ui-icon-close" />
                        <p:menuitem value="Create Plan" url="/faces/myplan.xhtml" icon="ui-icon-close" />
                        <p:menuitem value="Shared plan" url="/faces/sharedplan.xhtml" icon="ui-icon-close" /> 
                        <p:menuitem value="Settings" url="/faces/setting.xhtml" icon="ui-icon-close" />
                        <p:menuitem value="Sign out" action="#{loginHandler.logout()}" icon="ui-icon-close" />
                    </p:megaMenu>  <h:outputText style=" margin-left: 50px; color: #1c94c4; font-size:15px; font-family: serif" value="Welcome, #{homeHandler.loggedInUser.firstName} #{homeHandler.loggedInUser.lastName}"/>
                    <div style="clear: both; height: 400px; border: 1px solid #DDDDDD; padding-top: 30px;">
                        
                    </div>
                    <br /><br />  
                </h:form>

                
            </ui:define>  
        </ui:composition>
    </body>
</html>
